/**进入页面的渐变效果**/
.splat {
	animation-duration: 0.8s;
	-webkit-animation-duration: 0.8s;
	animation-name: fadein;
	-webkit-animation-name: fadein;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}
@keyframes fadein{
	0%{opacity:0;}
	100%{opacity:1;}
}

@-webkit-keyframes fadein
{
	0%{opacity:0;}
	100%{opacity:1;}
}

html, body{
	height:100%;
}
body{
	display:flex;
	flex-direction: column;
}
.main-content{
	overflow-y: auto;
	flex:1;
}

/*一键下单*/
.call-bar{
	margin-top:6px;
	border-bottom:1px solid #eee;
	a{
		margin:auto;
		width:200px;
		display:flex;
		align-items: center;
		padding:10px 0;
		justify-content:center;
	}
	img{
		width:22px;
		height:22px;
		margin-right:13px;
	}
}

/*客户评价*/
.comment-list{
	margin-bottom:40px;
}

.comment{
	display:flex;
	align-items: flex-start;
	font-size:16px;
	
	img{
		width:40px;
		height:40px;
		border-radius: 50%;
		margin-right:20px;
	}
	.comment_info{
		flex:1;
	}
	.user{
		font-size:13px;
		color:#999;
		margin-bottom:5px;
	}
	.user span{
		padding-right:10px;
	}
	.content{
		font-size:14px;
	}
}

footer {
	position:relative;
	z-index: 2000;
	ul{
		display:flex;
		list-style: none;
	}
	li{
		text-align: center;
		flex:1;
		font-size:12px;
		padding:5px 0 2px;
	}
	img{
		display:block;
		margin:auto;
		width:22px;
		height:22px;
		margin-bottom:4px;
	}
}

.index-banner{
	width: 100%;
}

.index-banner img{
	width: 100%;
}
.index-section1{
	margin:0;
	
	.index-button-group{
		display:flex;
		flex-wrap: wrap;
		align-items: center;
		&:first-child{
			border-bottom:1px solid #eee;
		}
		
		.index-btn{
			cursor: pointer;
			user-select: none;
			flex:1;
			display:flex;
			align-items: center;
			padding:20px 20px;
			padding-right:0;
			font-weight:400;
			
			&:nth-child(odd){
				border-right:1px solid #eee;
			}
			.index_button:nth-child(even){
			}
		}
	}
	
	img{
		width:38px;
		height:38px;
		margin-right:1em;
	}
}

.group-title{
	padding-left: 15px;
	font-size: 16px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom: 10px;
}

.index-phone-list>li{
	width: 48%;
	margin: 1%;
	/*height: 200px;*/
	background-color: #ffffff;
}

.index-phone-list>li:nth-child(even){

}

.index-phone-list>li:nth-child(odd){
	margin-right: 0;
}

.index_list_3{
	margin: 0;
	padding: 0;
}
.index_list_3 li{
	width: 32%;
	display: inline-block;
	text-align: center;
}

.index_list_3 li>img{
	width: 50%;
}

.index_list_3 li>p{
	margin-top: 10px;
	font-size: 12px;
}